<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico" >
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>

    <![endif]-->
    <link href="static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
    <!--引入ztree的css文件-->
    <link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>部门管理</title>
    <link rel="stylesheet" href="static/app/css/app.css">
    <style>
        .panel-body{
            height: 450px;
            overflow-y: auto;
        }
    </style>
</head>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    首页
    <span class="c-gray en">&gt;</span>
    系统管理
    <span class="c-gray en">&gt;</span>
    部门管理
    <a class="btn btn-secondary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>

</nav>
<div class="page-container" style="background-color: white">


    <div class="row cl">

        <!--左边 组织架构-->
        <div class="col-sm-3">
            <div class="panel panel-secondary">
                <div class="panel-header">组织架构</div>
                <div class="panel-body">
                    <!--组织架构容器-->
                    <ul id="zuzhiTree" class="ztree"></ul>
                </div>
            </div>
        </div>

        <!--右边 系统菜单-->
        <div class="col-sm-9">
            <div class="panel panel-secondary">
                <div class="panel-header">部门列表</div>
                <div class="panel-body">
                    <!--查询框-->
                    <div class="pd-5 radius">
                        <div class="row cl">
                            <div class="col-sm-9">
                                <div class="row cl pd-5">
                                    <div class="col-sm-6 app-input-group">
                                        <label>部门名称:</label>
                                        <input type="text" class="input-text size-S">
                                    </div>
                                    <div class="col-sm-6 app-input-group">
                                        <label>部门代码:</label>
                                        <input type="text" class="input-text size-S">
                                    </div>
                                </div>
                                <div id="otherQueryList" class="app-hidden">
                                    <div class="row cl pd-5">
                                        <div class="col-sm-6 app-input-group">
                                            <label>上级部门:</label>
                                            <input type="text" class="input-text size-S">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3 pd-5 text-r">
                                <button id="openMoreBtn" class="btn btn-link size-S radius">
                                    <i id="gengduoImg" class="Hui-iconfont">&#xe6d5;</i>
                                    <i id="shouqiImg" class="Hui-iconfont app-hidden">&#xe6d6;</i>
                                    更多
                                </button>
                                <button class="btn btn-primary size-S radius">
                                    <i class="Hui-iconfont">&#xe709;</i>
                                    查询
                                </button>
                                <button id="addBumenBtn" class="btn btn-secondary size-S radius mr-5">
                                    <i class="Hui-iconfont">&#xe604;</i>
                                    新增
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="mb-25 mt-10">
                        <table class="table table-border table-bordered table-hover table-bg table-sort table-striped radius">
                            <thead class="text-c">
                            <tr>
                                <th style="width: 200px">相关操作</th>
                                <th>部门名称</th>
                                <th>部门代码</th>
                                <th>上级部门</th>
                                <th>排序</th>
                            </tr>
                            </thead>
                            <tbody class="text-c">
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门1</td>
                                <td>jf</td>
                                <td>子部门1</td>
                                <td>3</td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门2</td>
                                <td>uer</td>
                                <td>子部门1</td>
                                <td>2</td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门3</td>
                                <td>xae</td>
                                <td>子部门1</td>
                                <td>7</td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门4</td>
                                <td>hsds</td>
                                <td>子部门1</td>
                                <td>4</td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门5</td>
                                <td>xds</td>
                                <td>子部门1</td>
                                <td>6</td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门6</td>
                                <td>sdfa</td>
                                <td>子部门1</td>
                                <td>5</td>
                            </tr>
                            <tr>
                                <td>
                                    <button class="btn btn-primary radius size-MINI">查看</button>
                                    <button class="btn btn-primary radius size-MINI">修改</button>
                                    <button class="btn btn-primary radius size-MINI app-delete">删除</button>
                                    <button class="btn btn-primary radius size-MINI">用户</button>
                                </td>
                                <td>三级部门7</td>
                                <td>ase</td>
                                <td>子部门1</td>
                                <td>1</td>
                            </tr>


                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>

<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script src="static/app/js/riZhiZhuiSu_BuMenGuanLi.js"></script>
</body>
</html>